<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ include file="../baselist.jsp"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title></title>
		<script type="text/javascript" src="${ctx}/js/jquery-1.8.3.js"></script>
		<script src="${ctx}/js/highchart/highcharts.js"></script>
		<script src="${ctx}/js/highchart/highcharts-3d.js"></script>
		<script src="${ctx}/js/highchart/modules/exporting.js"></script>
		
		<script type="text/javascript">
			$(function () {
				var json = ${jsonString};
			    $('#container').highcharts({
			        title: {
			            text: '系统访问情况',
			            x: -20 //center
			        },
			        subtitle: {
			            text: '系统访问情况',
			            x: -20
			        },
			        xAxis: {
			        	title: {
			                text: '时间'
			            },
			            categories: ['00', '01', '02', '03', '04', '05','06',
			                         '07', '08', '09', '10', '11', '12','13',
			                         '14', '15', '16', '17', '18', '19','20',
			                         '21', '22', '23'
			                         ]
			        },
			        yAxis: {
			            title: {
			                text: '人数'
			            },
			            plotLines: [{
			                value: 0,
			                width: 1,
			                color: '#808080'
			            }]
			        },
			        tooltip: {
			            valueSuffix: '次'
			        },
			        legend: {
			            layout: 'vertical',
			            align: 'right',
			            verticalAlign: 'middle',
			            borderWidth: 0
			        },
			        series: [{
			        	name:'访问情况',
			            data: json
			        }]
			    });
			});
		</script>
	</head>
<body>
	<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>
